@charset "UTF-8";
body { min-width: 1280px; min-height: 100vh; overflow-x: auto; background-image: url("../image/main_bg.jpg"); background-attachment: fixed; background-size: 1920px 1080px; font-size: 14px; color: #d2d2d2; }

.pagemain { position: relative; }

input, textarea { font-family: 'microsoft yahei' !important; }

@font-face { font-family: 'Conv_Helvetica-Roman-SemiB'; src: url("../fonts/Helvetica-Roman-SemiB.eot"); src: url("../fonts/Helvetica-Roman-SemiB.woff") format("woff"), url("../fonts/Helvetica-Roman-SemiB.ttf") format("truetype"), url("../fonts/Helvetica-Roman-SemiB.svg") format("svg"); font-weight: normal; font-style: normal; }
.textover, .page1 .page-left .customer ul li .wea span, .page1 .page-left .customer ul li .wea strong, .page2 .area .con li, .page4 .area .con li, .page4 .ticlist .con li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.bg10white, .center-main .leftcon .voice .top .row .num, .center-main .leftcon .voice .rank .box, .center-main .rightcon .consumer .box li .vol, .numbox i, .page1 .page-left .customer ul li .vol, .page5 .customer .c1 .box li .vol, .page7 .leftcon, .wtime, .page8 .leftcon .qing .rate li .vol { background-color: rgba(255, 255, 255, 0.1); }

.time-filter { color: #fff; height: 40px; line-height: 34px; }
.time-filter div { float: left; }
.time-filter .name { margin-left: 10px; }
.time-filter .to { margin-left: 10px; margin-right: 10px; }
.time-filter input { width: 150px; height: 32px; line-height: 28px; border: #099fac 1px solid; background: #000000; border-radius: 5px; overflow: hidden; text-indent: 1em; color: #099fac; background: url("../image/dateico.png") 95% center no-repeat; }
.time-filter select { min-width: 180px; height: 36px; border: #099fac 1px solid; background: #000000; /*background: url("../image/selearr.png")  92% center #000000 no-repeat;*/ color: #099fac; }
.time-filter .btn { height: 34px; border-radius: 5px; border: #099fac 1px solid; overflow: hidden; padding: 0 28px; color: #000; cursor: pointer; background: #099fac; margin-left: 15px; }
.time-filter .btn2 { background: transparent; border: #099fac 1px solid; color: #099fac; padding: 0 15px; }

.fontnum, .page5 .sex .name strong, .page12 .right .user .con .name .p2 { font-family: 'Conv_Helvetica-Roman-SemiB', Sans-Serif; }

.center-main { padding: 0 20px; max-width: 1745px; overflow: hidden; margin: auto; position: relative; color: #fff; font-size: 14px; margin-bottom:20px;}

.center-main .leftcon { width: 470px; float: left; overflow: hidden; margin-top: 23px; }

.center-main .leftcon .weather { width: 462px; height: 277px; overflow: hidden; background: url("../image/weatherbg.png") no-repeat; }
.center-main .leftcon .weather .con { position: relative; width: 420px; margin: auto; margin-top: 60px; }
.center-main .leftcon .weather .con .t1 { color: #fff; font-size: 15px; font-weight: bold; margin-left: 5px; }
.center-main .leftcon .weather .con .t1 span { padding-right: 7px; }
.center-main .leftcon .weather .con .t2 { overflow: hidden; margin-top: 5px; }
.center-main .leftcon .weather .con .t2 .temp { float: left; font-size: 40px; color: #099fac; }
.center-main .leftcon .weather .con .t2 .wea { float: left; margin-left: 15px; height: 45px; padding-left: 15px; margin-top: 10px; border-left: #099fac 1px solid; color: #099fac; }
.center-main .leftcon .weather .con .wico { position: absolute; right: 0; top: -15px; }
.center-main .leftcon .weather .con .wlist { margin-top: 22px; }
.center-main .leftcon .weather .con .wlist ul { width: 108%; }
.center-main .leftcon .weather .con .wlist li { width: 70px; float: left; text-align: center; }
.center-main .leftcon .weather .con .wlist li .name { font-size: 12px; width: 65px; margin: auto; height: 24px; line-height: 24px; border-radius: 24px; overflow: hidden; background: rgba(255, 255, 255, 0.1); }
.center-main .leftcon .weather .con .wlist li .img { width: 100%; margin: auto; margin-top: 15px; border-right: rgba(255, 255, 255, 0.1) 1px solid; }
.center-main .leftcon .weather .con .wlist li .img img { width: 50px; display: block; margin: auto; }
.center-main .leftcon .weather .con .wlist li:nth-last-child(1) .img { border: none; }

.small-num-index, .center-main .leftcon .voice .rank .box li .ico, .center-main .rightcon .consumer .box li .name i, .page1 .page-left .customer ul li .name i, .page5 .customer .c1 .box li .name i, .page8 .leftcon .qing .rate li .name i, .page8 .header .left .profession .box li .name i, .page8 .right .park .rate li .name i, .box .box-right .box-right-xia .box-list li .name i{ width: 15px; height: 13px; border-radius: 3px; background: #fff; color: #000; margin-top: 3px; text-align: center; line-height: 12px; float: left; font-size: 12px; vertical-align: middle; }

.center-main .leftcon .volume { position: relative; width: 462px; height: 282px; margin-top: 10px; overflow: hidden; background: url("../image/volume.png") top center no-repeat; }
.center-main .leftcon .volume .top { position: absolute; right: 10px; top: 6px; color: #fff; font-size: 14px; line-height: 28px; }
.center-main .leftcon .volume .top span { display: inline-block; height: 30px; background: #fbed47; padding: 0 15px; color: #000; line-height: 30px; font-weight: bold; }
.center-main .leftcon .volume .chartcon { /*background: #666;*/ position: absolute; left: 5px; top: 45px; width: 450px; height: 230px; }
.center-main .leftcon .voice { position: relative; width: 462px; height: 412px; margin-top: 10px; overflow: hidden; background: url("../image/voice.png") top center no-repeat; }
.center-main .leftcon .voice .top { width: 422px; margin-top: 65px; margin-left: 25px; }
.center-main .leftcon .voice .top .row { width: 100%; height: 38px; overflow: hidden; white-space: nowrap; line-height: 38px; margin-bottom: 10px; }
.center-main .leftcon .voice .top .row .text { float: left; }
.center-main .leftcon .voice .top .row .num { float: left; display: inline-block; height: 38px; padding: 0 10px; color: #fbed47; font-size: 24px; margin-left: 5px; margin-right: 5px; }
.center-main .leftcon .voice .rank { position: absolute; left: 25px; top: 210px; width: 410px; margin: auto; }
.center-main .leftcon .voice .rank .box { width: 195px; height: 176px; }
.center-main .leftcon .voice .rank .box li { width: 160px; margin-left: 18px; margin-top: 15px; overflow: hidden; }
.center-main .leftcon .voice .rank .box li .text { width: 135px; white-space: nowrap; float: left; margin-left: 5px; font-size: 12px; height: 16px; vertical-align: top; }

.center-main .centercon { position: relative; width: 770px; height: 984px; float: left; margin-top: 20px; text-align: center; overflow: hidden; }
.center-main .centercon .online { display: inline-block; width: auto; margin: auto; margin-top: 55px; }
.center-main .centercon .online .text { font-size: 20px; color: #46b1ff; font-weight: bold; text-align: left; padding-left: 5px; }
.center-main .centercon .online .num { margin-top: 10px; }
.center-main .centercon .online .num i { width: 48px; height: 64px; display: inline-block; margin-left: 4px; margin-right: 4px; background: url(../image/number2.png) no-repeat; background-position: 0 0; }
.center-main .centercon .bmap-wrap { position: relative; width: 735px; height: 806px; margin: auto; margin-top: 20px; text-align: left; }
.center-main .centercon .bmap-wrap #baidumap { width: 735px; height: 806px; }
.center-main .centercon .bmap-wrap #mapTypeBtn { z-index: 12345; position: absolute; right: 10px; top: 10px; width: 100px; height: 35px; }
.center-main .centercon .bmap-wrap .btn { width: 50px; height: 35px; float: left; cursor: pointer; }
.center-main .centercon .bmap-wrap .maptype1 { background: url("../image/maptype1.png") no-repeat; }
.center-main .centercon .bmap-wrap .maptype2 { background: url("../image/maptype2.png") no-repeat; }
.center-main .centercon .bmap-wrap .point-type { z-index: 12345; position: absolute; width: 135px; right: -35px; top: 250px; }
.center-main .centercon .bmap-wrap .point-type li { overflow: hidden; margin-top: 8px; }
.center-main .centercon .bmap-wrap .point-type li i { width: 12px; height: 12px; display: block; overflow: hidden; border-radius: 12px; margin-top: 5px; float: left; background-color: #0c7fd8; }
.center-main .centercon .bmap-wrap .point-type li p { color: #ffffff; float: left; margin-left: 5px; }
.center-main .centercon .bmap-wrap .point-type li:nth-child(1) i { background-color: #0c7fd8; }
.center-main .centercon .bmap-wrap .point-type li:nth-child(2) i { background-color: #da1b24; }
.center-main .centercon .bmap-wrap .point-type li:nth-child(3) i { background-color: #fbed47; }
.center-main .centercon .bmap-wrap .point-type li:nth-child(4) i { background-color: #ff6c00; }
.center-main .centercon .bmap-wrap .point-type li:nth-child(5) i { background-color: #7a53fc; }
.center-main .centercon .bmap-wrap .point-type li:nth-child(6) i { background-color: #2ced3e; }

.center-main .rightcon { position: absolute; right: 15px; top: 0px; overflow: hidden; width: 496px; margin-top: 20px; margin-left: 20px; }
.center-main .rightcon .ticket { position: relative; width: 492px; height: 204px; background: url("../image/ticket.png") no-repeat; }
.center-main .rightcon .ticket .left { width: 205px; height: 145px; position: absolute; left: 20px; top: 50px; }
.center-main .rightcon .ticket .left li { margin-top: 10px; text-align: right; padding-right: 20px; }
.center-main .rightcon .ticket .left li span { color: #fbed47; font-weight: bold; }
.center-main .rightcon .ticket .chartcon { /*background: #666;*/ position: absolute; width: 245px; height: 139px; left: 239px; top: 57px; }
.center-main .rightcon .saturation { position: relative; margin-top: 10px; width: 492px; height: 204px; background: url("../image/saturation.png") no-repeat; }
.center-main .rightcon .saturation .chartcon { position: absolute; top: 45px; width: 231px; height: 155px; /*background: #666;*/ }
.center-main .rightcon .saturation .box1 { left: 5px; }
.center-main .rightcon .saturation .box2 { left: 255px; }
.center-main .rightcon .consumer { position: relative; margin-top: 10px; width: 492px; height: 282px; background: url("../image/customer.png") no-repeat; }
.center-main .rightcon .consumer .box { position: absolute; left: 25px; top: 50px; width: 457px; height: 222px; }
.center-main .rightcon .consumer .box li { width: 235px; height: 38px; margin-top: 5px; }
.center-main .rightcon .consumer .box li .name { font-size: 12px; color: #fff; }
.center-main .rightcon .consumer .box li .name i { margin-top: 4px; }
.center-main .rightcon .consumer .box li .name span { margin-left: 8px; }
.center-main .rightcon .consumer .box li .name strong { color: #fbed47; font-weight: bold; margin-left: 6px; font-size: 13px; }
.center-main .rightcon .consumer .box li .vol { width: 205px; height: 8px; margin-top: 3px; border-radius: 8px; overflow: hidden; }
.center-main .rightcon .consumer .box li .vol span { display: block; height: 8px; border-radius: 8px; overflow: hidden; background-image: linear-gradient(90deg, #099fac 0%, #da1b24 100%), linear-gradient(#099fac, #099fac); background-blend-mode: normal, normal; }
.center-main .rightcon .consumer .box2 { left: 256px; }
.center-main .rightcon .reside { position: relative; margin-top: 10px; width: 492px; height: 273px; background: url("../image/reside.png") no-repeat; }
.center-main .rightcon .reside .chartcon { position: absolute; left: 10px; top: 45px; width: 471px; height: 223px; /*background: #666;*/ }

.page-top-tab-nav { overflow: hidden; width: 100%; height: 55px; border-bottom: #2f2f2f 1px solid; }
.page-top-tab-nav li { float: left; margin-right: 35px; height: 52px; line-height: 52px; cursor: pointer; }
.page-top-tab-nav li.current { border-bottom: #099fac 3px solid; }
.page-top-tab-nav a { font-size: 14px; color: #fff; display: block; }
.page-top-tab-nav a:hover { text-decoration: none; }

.numbox { color: #fff; font-size: 14px; line-height: 38px; text-align: left; }
.numbox span { display: inline-block; line-height: 38px; vertical-align: top; }
.numbox i { font-size: 20px; color: #fbed47; font-weight: 400; vertical-align: top; display: inline-block; padding: 0 15px; letter-spacing: 4px; margin-right: 5px; line-height: 38px; }
 
.wtime { padding: 23px; overflow: hidden; }

/* 经营分析 */
.page8 .header { width: 100%; height: 270px; margin-top: 10px;}
.page8 .header .left{ 
    display: flex;
    width: calc(75% - 20px); 
    height: 270px;
    background: url("../image/totality.png") no-repeat;
    background-size:100% 100%;
    position: relative;
}

/* .page8 .leftcon .ticket { width: 867px; height: 282px; overflow: hidden; position: relative; background: url("../image/p8-ticket.png") no-repeat; } */
.page8 .header .left .left-chart{
    position: absolute;
    width:calc(46% - 50px);
    height: 136px;
    top:76px;
    left:20px;
}
.page8 .header .left .chartcon { 
    position: absolute; 
    width: calc(50% - 10px); 
    height: 141px;  
}

.page8 .header .left .left-chart .c1 { left: 0; }
.page8 .header .left .left-chart .c2 { right: 0; }
.page8 .header .left .text { 
    position: absolute; 
    width: calc(50% - 10px);
    height: 31px; 
    bottom: -40px; 
    text-align: center; 
    font-size: 12px; 
    line-height: 20px; 
}

.page8 .header .left .text span { color: #fbed47; }
.page8 .header .left .t1 { left: 0; }
.page8 .header .left .t2 { right:0px; }
.page8 .header .left .full { 
    position: absolute;
    top:48px;
    left:44%;
    width: calc(25% - 20px); 
    height: 211px; 
    overflow: hidden; 
}
.page8 .header .left .full .box { width: 50%; height: 155px; position: absolute; left: 0px; top: 0px; }
.page8 .header .left .full .box .wrap { position: absolute; left: 50%; bottom: 0; width: 50%; transform: translateX(-50%);}
.page8 .header .left .full .box .val { width: 100%; text-align: center; color: #fbed47; }
.page8 .header .left .full .box .per { width: 30px; margin: auto; height: 100px; position: relative; overflow: hidden; }
.page8 .header .left .full .box .per span { display: block; width: 100%; border-radius: 5px; background: #ed3d14; position: absolute; bottom: 0; left: 0; }
.page8 .header .left .full .tbox { position: absolute; top: 166px; left: 10px; background: #115f6b; width: 80px; height: 28px; color: #fff; text-align: center; line-height: 28px; }
.page8 .header .left .full .t2 { left: 110px; }
.page8 .header .left .full .b2 { left: 100px; }
.page8 .header .left .full .b2 .per span { background: #099fac; }
.page8 .header .left .profession{
    width: calc(35% - 20px); 
    height: 200px;
    padding: 20px;
    position: absolute;
    top: 75px;
    right:20px;
    box-sizing: border-box;
}
.page8 .header .left .profession .box li {height: 15px;margin-top: 15px; display: flex;align-items: center;}
.page8 .header .left .profession .box .you {position: absolute;top: 20px;left: 30px; width: calc(100% - 60px);height: 190px;}
.page8 .header .left .profession .box li .name { font-size: 12px; width: 72px; color: #fff; margin: 0 15px;}
.page8 .header .left .profession .box li .name i { margin-top: 4px; }
.page8 .header .left .profession .box li .name span { margin-left: 8px; }
.page8 .header .left .profession .box li strong { color: #fbed47; font-weight: bold; margin-left: 6px; font-size: 13px; }
.page8 .header .left .profession .box li .vol { width: 200px; height: 13px; margin-top: 3px; margin-right: 35px;border-radius: 8px; overflow: hidden;background-color: rgba(255, 255, 255, 0.1);}
.page8 .header .left .profession .box li .vol span { display: block; height: 13px; border-radius: 8px; overflow: hidden; background-image: linear-gradient(90deg, #4bb6fc 0%, #489b27 100%), linear-gradient(#099fac, #099fac); background-blend-mode: normal, normal; }

.page8 .header .right{ width: 25%; height: 270px;background: url("../image/stop-car.png") no-repeat; margin: 0;position: relative;background-size:100% 100%;}
.page8 .header .right .text { position: absolute; width: 55%; height: 21px; top: 218px; left:20px;text-align: center; font-size: 12px; line-height: 20px; }
.page8 .header .right .chartcon { position: absolute; width:55%; height: 141px; top:70px;left:20px;}
.page8 .header .right .text span { color: #fbed47; }
.page8 .header .right .full { position: absolute; width: 30%; height: 211px; right: 20px; top: 46px; overflow: hidden;}
.page8 .header .right .full .box { width: 50%; height: 155px; position: absolute;  top: 0px; }
.page8 .header .right .full .box .wrap { position: absolute; left: 0; bottom: 0;}
.page8 .header .right .full .box .val { width: 50px; text-align: center; color: #fbed47; }
.page8 .header .right .full .box .per { width: 30px; margin: auto; height: 100px; position: relative; overflow: hidden; left: 0;}
.page8 .header .right .full .box .per span { display: block; width: 25px; border-radius: 5px; background: #ed3d14; position: absolute; bottom: 0;  }
.page8 .header .right .full .tbox { position: absolute; top: 166px;  background: #115f6b; width:46px; height: 28px; font-size: 12px; text-align: center; line-height: 28px; }
.page8 .header .right .full .t1 { left: 0; }
.page8 .header .right .full .b1 { left: 0; }
.page8 .header .right .full .t2 { right: 0; }
.page8 .header .right .full .b2 { right: 0; }
.page8 .header .right .full .b2 .per span { background: #099fac; }

.page8 .leftcon { width: calc(50% - 10px); overflow: hidden; float: left; }
.page8 .leftcon .qing { position: relative; width:100%; height: 260px; overflow: hidden; background: url("../image/p8-qing.png") no-repeat;background-size:100% 100%;}
.page8 .leftcon .qing .chartcon { width: 25%; height: 136px; position: absolute; top: 90px;left:20px;}
.page8 .leftcon .qing .t1 { position: absolute; width: 25%; height: 31px; top: 221px; left: 20px; text-align: center; font-size: 12px; line-height: 20px; }
.page8 .leftcon .qing .t2 { position: absolute; width:20%; height: 31px; top: 219px; right:10px; text-align: center; font-size: 12px; line-height: 20px; }
.page8 .leftcon .qing .t1 span { color: #fbed47; }
.page8 .leftcon .qing .t2 span { color: #fbed47; }
.page8 .leftcon .qing  .full { position: absolute; width: 21%; height: 198px; right: 10px; top: 20px; overflow: hidden;}
.page8 .leftcon .qing  .full .box {width:50%; height: 155px; position: absolute; top: 0px; }
.page8 .leftcon .qing  .full .box .wrap { position: absolute; bottom: 0;right:0;}
.page8 .leftcon .qing  .full .box .val { width: 56px; text-align: center; color: #fbed47; }
.page8 .leftcon .qing  .full .box .per { width: 30px; margin: auto; height:90px; position: relative; overflow: hidden; }
.page8 .leftcon .qing  .full .box .per span { display: block; width: 30px; border-radius: 5px; background: #ed3d14; position: absolute; bottom: 0; left: 0; }
.page8 .leftcon .qing  .full .tbox { position: absolute; top: 166px;  background: #115f6b; width: 55px; height: 28px; font-size: 12px; text-align: center; line-height: 28px; }
.page8 .leftcon .qing  .full .t1 { left: 0; }
.page8 .leftcon .qing  .full .t2 { right: 0; }
.page8 .leftcon .qing  .full .b1 { left: 0; }
.page8 .leftcon .qing  .full .b2 { right: 0; }
.page8 .leftcon .qing  .full .b2 .per span { background: #099fac; }
.page8 .leftcon .qing .rate { width: 47%; height: 180px; position: absolute; left: 30%; top: 80px;padding: 0 10px;box-sizing: border-box;}
.page8 .leftcon .qing .rate li { width: 100%; overflow: hidden; margin-top: 15px; }
.page8 .leftcon .qing .rate li .name { width: 90px; font-size: 14px; color: #fff; float: left; }
.page8 .leftcon .qing .rate li .name i { margin-top: 4px; }
.page8 .leftcon .qing .rate li .name span { margin-left: 8px; }
.page8 .leftcon .qing .rate li .vol { width: 57%; float: left; margin-left: 10px; height: 13px; margin-top: 4px; border-radius: 8px; overflow: hidden; }
.page8 .leftcon .qing .rate li .vol span { display: block; height: 13px; border-radius: 5px; width: 0%; overflow: hidden; background-image: linear-gradient(90deg, #4bb6fc 0%, #489b27 100%), linear-gradient(#099fac, #099fac); background-blend-mode: normal, normal; }
.page8 .leftcon .qing .rate li .num { float: right; color: #fbed48; }
.page8 .leftcon .dong { position: relative; margin-top: 20px; width: 100%; height: 276px; overflow: hidden; background: url("../image/p8-dong.png") no-repeat;background-size:100% 100%; }
.page8 .leftcon .dong .chartcon { width: 240px; height: 130px; position: absolute; top: 95px;}
.page8 .leftcon .dong .c1 { left: 5px; }
.page8 .leftcon .dong .c2 { left: 320px; height: 165px; }
.page8 .leftcon .dong .c3 { left: 580px; }
.page8 .leftcon .dong .text { position: absolute; width: 215px; height: 31px; top: 239px; left: 25px; text-align: center; font-size: 12px; line-height: 20px;}
.page8 .leftcon .dong .text span { color: #fbed47; }
.page8 .leftcon .dong .t2 { right: 0; }
/* 右侧 */
.page8 .right { float: right; width: calc(50% - 10px); overflow: hidden; margin-top: 23px;}
.page8 .right .park { position: relative; width: 100%; height: 260px; overflow: hidden; background: url("../image/p8-park.png") no-repeat;background-size:100% 100%; }
.page8 .right .park .chartcon { width: 25%; height: 136px; position: absolute; top: 90px;left: 20px;}
.page8 .right .park .t1 { position: absolute; width: 25%; height: 31px; top: 218px; right: 10px; text-align: center; font-size: 12px; line-height: 20px; }
.page8 .right .park .t2 { position: absolute; width: 225px; height: 31px; top: 218px;  text-align: center; font-size: 12px; line-height: 20px; }
.page8 .right .park .t1 span { color: #fbed47; }
.page8 .right .park .t2 span { color: #fbed47; }
.page8 .right .park  .full { position: absolute; width: 21%; height: 194px; right: 10px; top: 20px; overflow: hidden;}
.page8 .right .park  .full .box { width: 50%; height: 155px; position: absolute;  top: 0px; }
.page8 .right .park  .full .box .wrap {width:100%; position: absolute;  bottom: 0;}
.page8 .right .park  .full .box .val { width: 50px; text-align: center; color: #fbed47; }
.page8 .right .park  .full .box .per { width: 30px; margin: auto; height: 90px; position: relative; overflow: hidden; }
.page8 .right .park  .full .box .per span { display: block; width: 30px; border-radius: 5px; background: #ed3d14; position: absolute; bottom: 0;  }
.page8 .right .park  .full .tbox { position: absolute; top: 166px;  background: #115f6b; width: 60px; height: 28px; font-size: 12px; text-align: center; line-height: 28px; }
.page8 .right .park  .full .t1 { left: 0; }
.page8 .right .park  .full .t2 { right: 0; }
.page8 .right .park  .full .b1 { left: 0; }
.page8 .right .park  .full .b2 { right: 0; }
.page8 .right .park  .full .b2 .per span { background: #099fac; }
.page8 .right .park .rate { width: 47%; height: 180px; position: absolute; left:30%; top: 80px;padding: 0 10px;box-sizing: border-box;}
.page8 .right .park .rate li { width: 100%; overflow: hidden; margin-top: 15px; }
.page8 .right .park .rate li .name { width: 90px; font-size: 14px; color: #fff; float: left; }
.page8 .right .park .rate li .name i { margin-top: 4px; }
.page8 .right .park .rate li .name span { margin-left: 8px; }
.page8 .right .park .rate li .vol { width: 56%; float: left; margin-left: 10px; height: 13px; margin-top: 4px; border-radius: 8px; overflow: hidden; background-color: rgba(255, 255, 255, 0.1);}
.page8 .right .park .rate li .vol span { display: block; height: 13px;width: 0%; border-radius: 5px; overflow: hidden; background-image: linear-gradient(90deg, #4bb6fc 0%, #489b27 100%), linear-gradient(#099fac, #099fac); background-blend-mode: normal, normal; }
.page8 .right .park .rate li .num { float: right; color: #fbed48; }
.page8 .right .ota { position: relative; width: 100%; height: 260px; margin-top: 20px; background: url("../image/p8-ota.png") no-repeat;background-size:100% 100%; }
.page8 .right .ota .chartcon { position: absolute; width: 34%; height: 175px;  top: 50px; /*background: #666;*/ }
.page8 .right .ota .c1 { left: 20px; }
.page8 .right .ota .c2 { width: 55%; height: 203px; right: 20px;}
.page8 .right .ota .text { position: absolute; width: 34%; height: 31px; top: 219px; left: 20px; text-align: center; font-size: 12px; line-height: 20px; }
.page8 .right .ota .text span { color: #fbed47; }
.page8 .right .appo { position: relative; width: 857px; height: 276px; margin-top: 20px; overflow: hidden; background: url("../image/p8-appo.png") no-repeat; }
.page8 .right .appo .chartcon { position: absolute; left: 20px; top: 50px; width: 811px; height: 210px; /*background: #666;*/ }

/* 互动体验 */
.page9 .leftbox { position: relative; overflow: hidden; width: 1070px; height: 932px; background: url("../image/p9-left.png") no-repeat; overflow: hidden; float: left; margin-top: 20px; }
.page9 .leftbox .vlist { overflow: hidden; float: left; margin-top: 50px; margin-left: 27px; }
.page9 .leftbox .vlist li {
     width: 230px; 
     height: 95px; 
     overflow: hidden; 
     background: url("../image/p9-vlist.png") no-repeat; 
     background-size:100% 100%;
     margin-top: 10px; 
     text-align: center; 
    }
.page9 .leftbox .vlist li .p1 { color: #fff; font-size: 16px; margin-top: 15px; }
.page9 .leftbox .vlist li .p2 { color: #fbed48; font-size: 26px; }
.page9 .leftbox .time-filter { position: absolute; left: 296px; top: 78px; }
.page9 .leftbox .chartcon { position: absolute; /*background: #666666;*/ }
.page9 .leftbox .c1 { width: 750px; height: 370px; left: 298px; top: 139px; }
.page9 .leftbox .c2 { width: 317px; height: 257px; left: 315px; top: 617px; }
.page9 .leftbox .c2 .vlist2 { width: 230px; margin: 0 auto;}
.page9 .leftbox .c2 .vlist2 li { width: 230px; height: 85px; overflow: hidden; background: url("../image/p10-vlist.png") no-repeat; margin-bottom: 5px; text-align: center; }
.page9 .leftbox .c2 .vlist2 li .p1 { color: #fff; font-size: 16px; margin-top: 15px; }
.page9 .leftbox .c2 .vlist2 li .p2 { color: #fff; font-size: 16px; }
.page9 .leftbox .c2 .vlist2 li .p2 span { color: #fbed48; font-size: 26px; vertical-align: middle; }
.page9 .leftbox .c3 { width: 317px; height: 257px; left: 680px; top: 617px; }
.page9 .rightbox { width: 655px; float: right; overflow: hidden; margin-right: 8px; }
.page9 .rightbox .seller { position: relative; width: 654px; height: 493px; background: url("../image/p9-r1.png") no-repeat; margin-top: 20px; }
.page9 .rightbox .seller .time-filter { position: absolute; left: 20px; top: 60px; }
.page9 .rightbox .seller .chartcon { position: absolute; left: 15px; top: 110px; /*background: #666666;*/ width: 620px; height: 366px; }
.page9 .rightbox .goods { position: relative; width: 654px; height: 431px; overflow: hidden; background: url("../image/p9-goods.png") no-repeat; margin-top: 8px; }
.page9 .rightbox .goods .chartcon { position: absolute; left: 20px; top: 60px; /*background: #666666;*/ width: 615px; height: 353px; }

.page10 .leftbox { position: relative; overflow: hidden; width: 1070px; height: 932px; background: url("../image/p10-wxbg.png") no-repeat; overflow: hidden; float: left; margin-top: 20px; }
.page10 .leftbox .vlist { overflow: hidden; float: left; margin-top: 50px; margin-left: 27px; }
.page10 .leftbox .vlist li { width: 230px; height: 95px; overflow: hidden; background: url("../image/p9-vlist.png") no-repeat; margin-top: 10px; text-align: center; }
.page10 .leftbox .vlist li .p1 { color: #fff; font-size: 16px; margin-top: 15px; }
.page10 .leftbox .vlist li .p2 { color: #fbed48; font-size: 26px; }
.page10 .leftbox .time-filter { position: absolute; left: 296px; top: 80px; }
.page10 .leftbox .chartcon { position: absolute; /*background: #666666;*/ }
.page10 .leftbox .c1 { width: 750px; height: 370px; left: 298px; top: 139px; }
.page10 .leftbox .c2 { width: 317px; height: 257px; left: 315px; top: 617px; }
.page10 .leftbox .c3 { width: 317px; height: 257px; left: 680px; top: 617px; }
.page10 .rightbox { width: 655px; float: right; overflow: hidden; margin-right: 8px; background: url("../image/p10-wx.png") no-repeat 0 20px; }
.page10 .rightbox .wxpay { position: relative; width: 654px; height: 493px; margin-top: 20px; overflow: hidden; }
.page10 .rightbox .wxpay .time-filter { position: absolute; left: 15px; top: 60px; }
.page10 .rightbox .wxpay .chartcon { position: absolute; left: 25px; top: 110px; width: 619px; height: 355px; /*background: #666666;*/ }
.page10 .rightbox .goods { position: relative; width: 654px; height: 431px; background: url("../image/p10-goods.png") no-repeat; margin-top: 8px; }
.page10 .rightbox .goods .chartcon { position: absolute; width: 256px; height: 276px; left: 45px; top: 105px; /*background: #666666;*/ }
.page10 .rightbox .goods .vlist { overflow: hidden; position: absolute; left: 365px; top: 95px; }
.page10 .rightbox .goods .vlist li { width: 230px; height: 85px; overflow: hidden; background: url("../image/p10-vlist.png") no-repeat; margin-top: 10px; text-align: center; }
.page10 .rightbox .goods .vlist li .p1 { color: #fff; font-size: 16px; margin-top: 15px; }
.page10 .rightbox .goods .vlist li .p2 { color: #fff; font-size: 16px; }
.page10 .rightbox .goods .vlist li .p2 span { color: #fbed48; font-size: 26px; vertical-align: middle; }

.cenbg { position: relative; width: 100%; height: 912px; overflow: hidden; margin-top: 17px; background: url("../image/p11-cenbg.png") no-repeat;background-size:100% 100%;margin-bottom:20px; }

.page11 .vlist { overflow: hidden; float: left; margin-top: 5px; margin-left: 27px; width: 230px;}
.page11 .vlist li { width: 230px; height: 95px; overflow: hidden; background: url("../image/p9-vlist.png") no-repeat; margin-top: 15px; text-align: center; }
.page11 .vlist li .p1 { color: #fff; font-size: 16px; margin-top: 15px; }
.page11 .vlist li .p2 { color: #fbed48; font-size: 26px; }
.page11 .mid { position: relative; width: calc(100% - 570px); float: left; margin-left: 20px; overflow: hidden; margin-top: 20px; }
.page11 .mapcon { position: relative; width: 100%; height: 478px; background: url("../image/p11-map.png") no-repeat; background-size:100% 100%;}
.page11 .mapcon .wrap { position: absolute; left: 5px; top: 5px; width: calc(100% - 20px); height: 466px; }
.page11 .bot { position: relative; width: 100%; height: 384px; margin-top: 10px; background: url("../image/p11-midbot.png") no-repeat; background-size:100% 100%;}
.page11 .bot .time-filter { position: absolute; left: 30px; top: 15px; }
.page11 .bot .chartcon { position: absolute; top: 120px; /*background: #666666;*/ }
.page11 .bot .c1 { left: 20px; width: calc(65% - 40px); height: 240px; }
.page11 .bot .c2 { right: 10px; width:calc(32% - 10px); height: 240px;}
.page11 .rank { position: relative; width: 270px; height: 870px; float: left; margin-left: 20px; margin-top: 20px; background: url("../image/p11-right.png") no-repeat; }
.page11 .rank .box { position: absolute; left: 20px; top: 60px; width: 245px; overflow: hidden; }
.page11 .rank .box li { margin-top: 9px; line-height: 20px; overflow: hidden; }
.page11 .rank .box li .ico { width: 20px; height: 30px; float: left; background: url("../image/p7ico.png") no-repeat; line-height: 20px; text-align: center; color: #000; font-size: 12px; }
.page11 .rank .box li .name { float: left; margin-left: 10px; }
.page11 .rank .box li .num { color: #feed48; font-weight: bold; float: right; margin-right: 18px; }

.page12 .left { position: relative; width: 842px; float: left; }
.page12 .left .freq { position: relative; width: 842px; height: 518px; margin-top: 18px; background: url("../image/p12-bg1.png") no-repeat; }
.page12 .left .freq .time-filter { position: absolute; left: 28px; top: 55px; }
.page12 .left .freq .chartcon { position: absolute; left: 23px; top: 110px; width: 795px; height: 387px; overflow: hidden; /*background: #666666;*/ }
.page12 .left .occupation { position: relative; width: 842px; height: 406px; overflow: hidden; background: url("../image/p12occupation.png") no-repeat; margin-top: 10px; }
.page12 .left .occupation .chartcon { position: absolute; left: 25px; top: 60px; width: 800px; height: 347px; overflow: hidden; /*background: #666666;*/ }
.page12 .right { position: relative; float: right; width: 882px; margin-top: 18px; }
.page12 .right .user { width: 882px; height: 518px; overflow: hidden; position: relative; background: url("../image/p12user.png") no-repeat; }
.page12 .right .user .con { position: absolute; width: 786px; height: 113px; left: 56px; top: 110px; }
.page12 .right .user .con .name { width: 100px; float: left; color: #fff; text-align: center; overflow: hidden; padding-right: 15px; border-right: rgba(255, 255, 255, 0.1) 1px solid; margin-right: 15px; }
.page12 .right .user .con .name .p1 { font-size: 16px; margin-top: 15px; }
.page12 .right .user .con .name .p2 { font-size: 46px; color: #fbed47; margin-top: -5px; }
.page12 .right .user .con .ico { float: left; width: 50px; height: 100px; overflow: hidden; background: url("../image/p12s1.png") center center no-repeat; }
.page12 .right .user .con .s2 { background: url("../image/p12s2.png") center center no-repeat; }
.page12 .right .user .chartcon { position: absolute; top: 287px; /*background: #666666;*/ }
.page12 .right .user .c1 { width: 300px; height: 210px; left: 50px; }
.page12 .right .user .c2 { width: 460px; height: 210px; left: 390px; }
.page12 .right .city { position: relative; width: 882px; height: 406px; margin-top: 10px; overflow: hidden; background: url("../image/p12city.png") no-repeat; }
.page12 .right .city .chartcon { position: absolute; /*background: #666;*/ }
.page12 .right .city .c1 { width: 465px; height: 338px; left: 22px; top: 65px; }
.page12 .right .city .c2 { width: 331px; height: 263px; left: 525px; top: 115px; }

.z-hide { display: none;}